/* 组件演示列表 */
.gui-components-list{
	padding:5rpx 30rpx;
}
.gui-components-list-title{
	padding:32rpx 0;
	font-size:30rpx;
}
.gui-components-list-text{
	font-size:34rpx;
}
.gui-components-list-icon{
	font-size:38rpx;
}

.gui-margin-middle{
	margin: $gui-main-padding-middle;
}


.gui-margin-x-middle{
	margin-left: $gui-main-padding-middle;
	margin-right: $gui-main-padding-middle;
}

.gui-padding-x-middle{
	padding-left: $gui-main-padding-middle;
	padding-right: $gui-main-padding-middle;
}



.gui-padding-y-small{
	padding-top: $gui-main-padding-small;
	padding-bottom: $gui-main-padding-small;
}

.gui-margin-x-small{
	margin-left: $gui-main-padding-small;
	margin-right: $gui-main-padding-small;
}

.gui-margin-top-middle{
	margin-top: $gui-main-padding-middle;
}


.gui-margin-top-small{
	margin-top: $gui-main-padding-small;
}




.gui-margin-small{
	margin: $gui-main-padding-small;
}

.gui-padding-middle{
	padding: 18rpx 20rpx
}

.gui-padding-small{
	padding: $gui-main-padding-small 16rpx
}

.gui-padding-y{
	padding-top: $gui-main-padding;
	padding-bottom: $gui-main-padding;
}


.gui-border-top-radius{
	border-top-left-radius: $gui-button-border-radius;
	border-top-right-radius: $gui-button-border-radius;
}


.gui-border-top-radius-large{
	border-top-left-radius: $gui-radius-lg;
	border-top-right-radius: $gui-radius-lg;
}




.gui-margin-left{
	margin-left: $gui-main-padding;
}
/* 动态渐变头部导航 */
.custom-header-bg{background-color:rgba(0, 0, 0, 0.6);}

/* 切换导航样式 */
.custom-switch-nav-border{border-color:#FF0036 !important;}


/* 深色模式 */
/* #ifndef APP-NVUE */
@media (prefers-color-scheme: dark){
	.custom-switch-nav-border{border-color:#888888 !important;}
}
/* #endif */